草庐IT

css - 使 div 可滚动

全部标签

javascript - Jquery 模态对话框禁用滚动条

正如您在此链接中看到的,http://jsbin.com/ozapol/9,Jquery在某些版本的IE和最新版本的chrome上禁用滚动条。(我还没有尝试任何其他...)有没有办法让滚动条保持启用状态,以便能够在很长的对话框中滚动?谢谢!再见InternetExplorer的不错解决方案(感谢jk。)html{overflow-y:scroll}Chrome的残酷解决方法(感谢jk。)在Chrome上,JqueryUI劫持滚动条上的鼠标事件。这看起来像是上面链接中提到的错误。为了删除这些绑定(bind),您必须取消绑定(bind)事件每次创建模态对话框时:$("#longdialog

javascript - setInterval 在滚动期间在 iphone/ipad(移动 Safari)中暂停

我在网站中使用了setInterval函数,它在IE、Chrome、Firefox和Safari中运行良好。当我在ipad/iphone(safarimobile)上尝试时,我遇到了问题:如果我滚动屏幕,setInterval函数会暂停,只有当我停止滚动时它才会恢复!有没有办法防止函数暂停?谢谢 最佳答案 恐怕不行,没有办法阻止这种行为。在SO中有很多关于这个问题的主题(更多相关),这里特别是interestingone.它的总结很简单:iOSelasticscrollcan'tbetracked.There'snoeventlis

javascript - 在 iPad Web App 上拖放 - 同时保留滚动功能

我正在使用JqueryUI拖放(http://jqueryui.com/demos/draggable)和https://github.com/furf/jquery-ui-touch-punch将触摸事件映射到鼠标事件。到目前为止,整个拖放操作都很好。我现在遇到的问题是我有一长串可拖动元素,我还需要能够在iPad上滚动列表...当我将列表元素设置为可拖动时,这将不再起作用。我尝试使用jqueryui提供的约束,例如distance和delay-但即便如此,滚动事件似乎已被拖动事件完全禁用/覆盖。我可能需要编写一个自定义函数,例如“只有向左移动至少50像素才能使其可拖动”之类的。有没有

javascript - CSS Sprite 性能

我有一个500x640的静态图像,位于文件夹中,由20x20block和cssSprite组成,我正在设置背景位置来显示每block,我需要这样的显示以便以后能够对每block进行操作。CSS:.piece{width:20px;height:20px;display:inline-block;//display:inline;//zoom:1;}.ob{background-image:url("/Images/ob.jpg");}js:viewModel={flips:ko.observableArray([]),setClick:function(data,e){e.preven

javascript - 如何在我的 javascript 球移动时为它提供滚动动画?

我有以下HTML代码:这是一个包含球图像的div(一个球的俯View)这个球我可以用我的箭头键和一些javacript向上、向左、向右、向下等等移动。我用这段代码来做到这一点:varball=function(){varinited=false,el,xcheck=50,x=50,ycheck=50,y=50,xspeed=0,yspeed=0,power=0.4,friction=0.99,xwind=0,ywind=0,dead=true,timer=function(keys){if(dead===true){return;}if(keys[38]===true){yspeed+

javascript - 在 Marionette 中使用 appendHtml() 时是否可以避免添加默认 View 元素 "div"?

我使用以下代码手动将View附加到模板中的dom元素:appendHtml:function(collectionView,itemView,index){collectionView.$("ul#search_list_container").append(itemView.el);}在我的模板中我有:尽管我将View附加到ul#search_list_container,但我有默认的div包装模板:idinvoice_number有没有办法避免显示默认标签“div”?我对此没有问题,但每当我想出这个例子时,这个疑问总是浮现在我的脑海中。注意:我有一个用于ulcompositeVie

javascript - 在 AngularJS 中使用 ngInfiniteScroll 指令实现反向无限滚动

我想使用此处的ngInfiniteScroll指令:http://binarymuse.github.io/ngInfiniteScroll/在我的angularjs应用程序中实现反向无限滚动(就像在聊天小部件中一样)。然而,该指令的文档似乎并未提及如何实现这一点。它只记录了标准无限滚动是如何实现的。有人可以在这方面指导我吗?谢谢!P.S:我热衷于使用这个指令,因为它处理DOM控件;来自Angular标准无限滚动指令在我滚动时不断创建DOM元素,这些元素永远不会被删除。 最佳答案 我认为您应该采用基于模型的方法(特别适合Angula

javascript - CSS3 选择器 [*|type ="toc"]

我正在使用EPUB.JS,它使用以下代码从ePub文件中获取一些信息:varnavEl=navHtml.querySelector('nav[*|type="toc"]')这行代码在IE10中失败,因为querySelector返回null。我以前从未见过格式为[*|attr="val"]的属性选择器,但我认为他们想说的是,“选择所有具有任何属性或名为“type”且值为“toc”的属性的导航元素。”我找不到关于这种星形管道语法的任何信息,但我认为它是某种在Webkit/Mozilla中有效但在IE中无效的逻辑OR命令。将该行更改为:varnavEl=navHtml.querySelec

javascript - Owl Carousel 滚动到点击的项目

我有一个简单的OwlCarousel,HTML:123456789101112JavaScript:$('.owl-carousel').owlCarousel({items:5,loop:true,nav:true,margin:10})包括:owl.carousel.jsowl.carousel.min.cssJSFiddlehttp://jsfiddle.net/93cpX/62/如何强制轮播滚动到点击的项目? 最佳答案 .owl-carousel.item{height:80px;background:#4DC7A0;}12

javascript - 检索 CSS 是否需要 'getPropertyValue' 方法?

如果我们只能使用getComputedStyle方法,您能告诉我为什么我们需要使用getPropertyValue方法吗?例如,据我所知,这会起作用:vars=getComputedStyle(element,null).opacity;相当于以下内容:vars=getComputedStyle(element,null).getPropertyValue('opacity');我们可以在没有getPropertyValue的情况下使用getComputedStyle吗? 最佳答案 根据老DOML2Style,getProperty